<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>index</title>
    <link rel="stylesheet" href="../css/login.css">
    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
</head>

<body>
<div id="menu" >

    <aside>
        <h2 style="margin-bottom: 50px; color: white;">菩提阁外卖</h2>
        <li><a href="./employee.html" @click="menuHandel = '员工管理'" target="a">员工管理</a></li>
        <li><a href="./class.html" @click="menuHandel = '分类管理'" target="a">分类管理</a></li>
        <li><a href="./dish.html" @click="menuHandel = '菜品管理'" target="a">菜品管理</a></li>
        <li><a href="./package.html" @click="menuHandel = '套餐管理'" target="a">套餐管理</a></li>
        <li><a href="" @click="menuHandel = '订单明细'">订单明细</a></li>
    </aside>
    <header>
        <h2 class="handel">{{menuHandel}}</h2>

        <div style="float: right;line-height: 75px; margin-right: 30px">
            <el-link type="primary" href="http://localhost:8080/background/login/logout" style="font-size: 18px;line-height: normal">
                退出登入
            </el-link>
        </div>

    </header>

    <main>
        <!--       <object :data="url" style="width: 85%; height: 99%;"></object>-->

        <iframe src="./employee.html" frameborder="0" name="a" style="width: 87%; height: 99%;"></iframe>
    </main>

</div>

</body>
<script src="../js/vue.js"></script>
<script src="https://unpkg.com/element-ui/lib/index.js"></script>
<script>
    new Vue({
        el:"#menu",
        data:{
            menuHandel:"员工管理",
        },
    })
</script>
</html>